<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内部样式</title>
    <!--
    在head标签中添加一个新的标签,style标签
    里边定义css语法,style标签在使用上可以定义在任何位置

    缺点:分开了一点,但是没有完全分开,多个文件之间也无法复用样式
    -->
    <style>
        h1 {
            color: green;
            font-size: 20px;
        }

        h2 {
            color: red;
            font-size: 40px;
        }

        p {
            color: blue;
            font-size: 60px;
        }

        img {
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
<h1>h1使用内部标签20px,绿色</h1>
<h2>h2使用内部标签40px,红色</h2>
<p>p使用内部标签60px,蓝色</p>
<img src="../../resource/img/img01.png" alt="奥特曼" title="这是个奥特曼">
</body>
</html>